<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>appendTo prepend</title>
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
</head>
<body>
	<p>abc</p>
	<p>ede</p>
	<div id="dv">111<span>asdfasd</span></div>
	<div>222</div>
	<script>
		//把p标签及它的内容添加到div标签里边
		//$('p').appendTo('div');
		
		//向所有的div标签最前边追加内容
		//$('div').prepend('<span>cde</span>');
		
		//通过回调函数向目标div最前边追加内容
		/*$('div').prepend(function(index,html){
			if(index == 1){
				$(this).append(111);
			}else if(index == 0){
				$(this).append(222);
			}
		});*/
		
		//把p追加到指定的id为dv的div最前边
		//$('p').prependTo('#dv');
		
		//把p追加到所有div最前边
		//$('p').prependTo('div');

		//把span追加到div元素后边
		$('div').after('<span>测试</span>');

		//把p追加到div元素后边
		//$('p').insertAfter('#dv');
		//把p追加到div元素前边
		//$('p').insertBefore('#dv');

		//把p用div包起来
		/*$('p').wrap('<div class="dv"></div>');
		$('p').wrap($('#dv'));
		$('p').wrap(function(index){
			return "<div></div>";
		});*/
		
		//把p里边的内容用strong标签包起来
		//$('p').wrapInner("<strong></strong>");

		//把前边p替换成后边的p
		//$('p').replaceWith('<p>aabb</p>');

		//用选中的p替换 #dv
		$('p').replaceAll('#dv');

		//删除#dv里边的子内容
		//$('#dv').empty();

		//删除#dv及子内容
		//var dv = $('#dv').remove();

		// var dv = $('#dv').detach();
		// console.log(dv);
		// $('div:last').click(function(){
		// 	$(this).before(dv[0]);
		// });
	</script>
</body>
</html>